<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-cogs"></i> <strong>客户投诉建议</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>售后管理</li>
				<li class="active">客户投诉建议</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="row">
				<div class="col-md-12">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">客户投诉建议</h4>
						</div>
						<div class="box-body" id="complainAdd">
							<div class="form-horizontal">
								<input type="hidden" name="complainId" id="complainId"
									th:value="${afterSaleComplain.id}" />
								<div class="form-group">
									<label class="col-sm-1 control-label">客户名称</label>
									<div class="col-sm-3">
										<div class="col-md-11">
											<input class="form-control" type="text" name="customerName"
												id="customerName" datatype="*,*1-100" nullmsg="请输入客户名称"
												th:value="${afterSaleComplain.customerName}" />
										</div>
										<div class="col-md-1">
											<span style="color: #F00">*</span>
										</div>
									</div>
									<label class="col-sm-1 control-label">合同号</label>
									<div class="col-sm-3">
										<div class="col-md-11">
											<input class="form-control" type="text" name="contractID"
												id="contractID" datatype="*,*1-100" nullmsg="请输入合同号"
												th:value="${afterSaleComplain.contractID}" />
										</div>
										<span style="color: #F00">*</span>
									</div>
									<label class="col-sm-1 control-label">地址</label>
									<div class="col-sm-3">
										<div class="col-md-11">
											<input class="form-control" type="text" name="address"
												id="address" th:value="${afterSaleComplain.address}" />
										</div>
									</div>

								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label">电话</label>
									<div class="col-sm-3">
										<div class="col-md-11">
											<input class="form-control" type="text" name="phone"
												id="phone" th:value="${afterSaleComplain.phone}" />
										</div>
									</div>
									<label class="col-sm-1 control-label">传真</label>
									<div class="col-sm-3">
										<div class="col-md-11">
											<input class="form-control" type="text" name="fax" id="fax"
												th:value="${afterSaleComplain.fax}" />
										</div>
									</div>
									<label class="col-sm-1 control-label">联系人</label>
									<div class="col-sm-3">
										<div class="col-md-11">
											<input class="form-control" type="text" name="contact"
												id="contact" th:value="${afterSaleComplain.contact}" />
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">产品信息</h4>
						</div>
						<div class="box-body">
							<div class="form-inline">
								<button type="button" class="btn btn-info pull-right proAddBtn">添加</button>
								<button type="button" class="btn btn-info pull-right proEditBtn">编辑</button>
								<button type="button" class="btn btn-info pull-right proDelBtn">删除</button>
							</div>
						</div>
						<div class="box box-body">
							<table id="accessTable"
								class="mytable dataTable table-bordered text-center table-striped table-hover"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<th width="10%">序号</th>
										<th width="10%"><input type="checkbox" id="checkAll" /></th>
										<th width="30%">订购时间</th>
										<th width="30%">产品型号规格</th>
										<th width="30%">数量</th>
									</tr>
								</thead>
								<tbody>
									<!--<tr>-->
									<!--<td>1</td>-->
									<!--<td></td>-->
									<!--<td></td>-->
									<!--<td></td>-->
									<!--</tr>-->
									<!--<tr>-->
									<!--<td>2</td>-->
									<!--<td></td>-->
									<!--<td></td>-->
									<!--<td></td>-->
									<!--</tr>-->
								</tbody>
							</table>
						</div>

						<!--产品信息弹窗-->
						<div class="modal" id="proMessModal">
							<div class="modal-dialog" role="dialog">
								<form id="proMessEdit">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal"
												aria-label="Close">
												<span aria-hidden="true">&times;</span>
											</button>
											<h4 class="modal-title">
												<strong>产品信息</strong>
											</h4>
										</div>
										<div class="modal-body">
											<div class="form-horizontal">
												<div class="form-group">
													<input type="hidden" name="proId" id="proId" /> <input
														type="hidden" name="complaincreateTime"
														id="complaincreateTime" /> <label
														class="col-md-2 control-label">订购时间</label>
													<div class="col-md-4">
														<div class="col-md-11">
															<input class="form-control" type="date" name="orderTime"
																id="orderTime" datatype="*,*1-100,t" nullmsg="请输入订购时间" />
														</div>
														<div class="col-md-1">
															<span style="color: #F00">*</span>
														</div>
													</div>
													<label class="col-md-2 control-label">产品型号规格</label>
													<div class="col-md-4">
														<div class="col-md-11">
															<input class="form-control" type="text"
																name="typeSpecification" id="typeSpecification"
																datatype="*,*1-100,t" nullmsg="请输入型号规格" />
														</div>
														<div class="col-md-1">
															<span style="color: #F00">*</span>
														</div>
													</div>
													</div>
													<div class="form-group">
														<label class="col-md-2 control-label">数量</label>
														<div class="col-md-4">
															<div class="col-md-11">
																<input class="form-control" type="text" name="number"
																	id="number" datatype="*,d" nullmsg="请输入数量" />
															</div>
															<div class="col-md-1">
																<span style="color: #F00">*</span>
															</div>
														</div>
													</div>
												
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-primary proSaveBtn">保存</button>
												<button type="button" class="btn btn-default"
													data-dismiss="modal">返回</button>
											</div>
										</div>
									</div>
								</form>
							</div>
						</div>
						<div id="Complain">
							<div class="box-header with-border">
								<i class="fa fa-th-list"></i>
								<h4 class="box-title">产品满意度评价</h4>
							</div>
							<div class="box-body">
								<div class="form-horizontal">
									<div class="form-group">
										<label class="col-sm-1 control-label">质量</label>
										<div class="col-sm-3">

											<select class="form-control" id="quality" name="quality">
												<option th:each="quality:${qualities}"
													th:text="${quality.title}" th:value="${quality.value}"
													th:selected="${quality.title.equals(afterSaleComplain.quality)}"></option>
											</select>

										</div>
										<label class="col-sm-1 control-label">交货期</label>
										<div class="col-sm-3">

											<select class="form-control" id="date" name="date">
												<option th:each="date:${dates}" th:text="${date.title}"
													th:value="${date.value}"
													th:selected="${date.title.equals(afterSaleComplain.date)}"></option>
											</select>

										</div>
										<label class="col-sm-1 control-label">售后服务</label>
										<div class="col-sm-3">

											<select class="form-control" id="afterService"
												name="afterService">
												<option th:each="afterService:${afterServices}"
													th:text="${afterService.title}"
													th:value="${afterService.value}"
													th:selected="${afterService.title.equals(afterSaleComplain.afterService)}"></option>
											</select>

										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-1 control-label">意见</label>
										<div class="col-sm-11">
											<textarea class="form-control" type="text" name="advice"
												id="advice"></textarea>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-1 control-label">备注</label>
										<div class="col-sm-11">
											<textarea class="form-control" type="text" name="memo"
												id="memo" th:value="${afterSaleComplain.memo}"></textarea>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-1 control-label">附件</label>
										<div class="col-sm-5">
										<div class="col-md-11">
											<button class="btn btn-info uploadBtn">上传附件</button>
											<button class="btn btn-info downloadBtn">下载附件</button>
											<span class="badge label-pill label-primary " id="attachmentnumber">0</span>
										</div>
										</div>
										<label class="col-sm-1 control-label">时间</label>
										<div class="col-sm-5">

											<input class="form-control" type="date" name="time" id="time"
												th:value="${afterSaleComplain.time}" />

										</div>
									</div>
								</div>

								<div></div>
							</div>
						</div>

					</div>
					<div class="box-body">
						<button class="btn btn-info pull-right saveBtn">保存</button>
						<a type="button" class="btn btn-default resetBtn pull-right"
							href="javascript:history.go(-1)">返回</a>
					</div>
				</div>
			</div>
		</section>
		<script th:src="@{/aftersalecomplain/complainadd.js}"></script>
	</div>

</body>
</html>
